<!-- <app-note-taker></app-note-taker> -->

    <div class="row">
    <div class="nav flex-column nav-pills col-md-2 cimacth-nav-lg" id="v-pills-tab" role="tablist" aria-orientation="vertical">
            <a class="nav-link" id="v-pills-home-tab" data-toggle="pill"  routerLink="view/cricket-calendar" routerLinkActive="active" role="tab" aria-controls="v-pills-home" aria-selected="true">CRICKET CALENDAR</a>
            <a class="nav-link" id="v-pills-profile-tab" data-toggle="pill"  routerLink="/dashboard/view/matches" routerLinkActive="active" role="tab" aria-controls="v-pills-profile" aria-selected="false">CURRENT MATCHES</a>
            <a class="nav-link" id="v-pills-messages-tab" data-toggle="pill"  routerLink="/dashboard/view/favourite" routerLinkActive="active" role="tab" aria-controls="v-pills-messages" aria-selected="false">FAVOURITE MATCHES</a>
            <a class="nav-link" id="v-pills-settings-tab" data-toggle="pill"  routerLink="/dashboard/view/recommended" routerLinkActive="active" role="tab" aria-controls="v-pills-settings" aria-selected="false">RECOMMENDED MATCHES</a>
    </div>
    <div class="tab-content col-md-10 col-sm-12" id="v-pills-tabContent">
        <router-outlet></router-outlet>
    </div>
</div>
<router-outlet name="noteEditOutlet"></router-outlet>